@charset "utf-8";/* CSS Document */
*{margin: 0;padding: 0;}
html {font-size: 62.5%;height: 100%}
body {margin: 0 auto;font-family:"微软雅黑";font-size: 14px;font-size: 1.4rem;height: 100%;}
img {border: none;}
ul li {list-style-type: none;}
ul, form, p, a, img, table, tr, td, li, dd, dt, dl, span {margin: 0;padding: 0;list-style: none;color: #333;}
a {text-decoration: none;color: #333;outline: none;transition: 0.3s;-moz-transition: 0.3s;-o-transition: 0.3s;-webkit-transition: 0.3s;}
h1 {margin: 0;padding: 0;font-weight: normal;color: #333;}
.clear {clear: both;}
.maln {margin-left: 0 !important}
input, textarea {font-family:"微软雅黑";font-size: 14px;font-size: 1.4rem;color:#333;border: none;outline: none;}
.l{ float:left;}
.r{ float:right;}
.fix{*zoom:1; } .fix:after,.fix:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden; }
::-webkit-input-placeholder {/* WebKit browsers */
 color:#1b1b1b;}
:-o-placeholder {/* Mozilla Firefox 4 to 18 */
 color:#1b1b1b;}
::-moz-placeholder {/* Mozilla Firefox 19+ */
 color:#1b1b1b;}
:-ms-input-placeholder {/* Internet Explorer 10+ */
 color:#1b1b1b;}
@media screen and (min-width:1220px) {.wp {width: 1200px;margin: auto;}}
@media screen and (min-width:1000px) and (max-width:1219px) {.wp {width: 980px;margin: auto;}}
@media screen and (max-width:999px) {.wp {width: 95%;margin: auto;}}
@media screen and (min-width:1220px) {.no_margin{margin-left: auto!important;}}
@media screen and (min-width:1000px) and (max-width:1219px) {.no_margin{margin-left: auto!important;}}
/*********************** search *****************************/
.search{width:33px;z-index:9999;background:none;margin-top: 41px;}
.search1{width:64px;z-index:9999;background:none;margin-top: 46px;}
.search1 a{float: none; margin-left: 10px;font-size: 16px;font-size: 1.6rem;display: inline-block;}
.search1 a:hover{color: #00adf1;}
.sb-icon-search {color: #fff;z-index: 99;width:33px;height:33px;display:block;}
.sb-search-submit {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity: 0;color: transparent;border: none;outline: none; z-index:99999;}
.search_1000{}
.sb-search {position:relative;width: 0%;min-width: 33px;height: 33px;float: right;display:inline;overflow: hidden;-webkit-transition: width 0s;-moz-transition: width 0s;transition: width 0s;-webkit-backface-visibility: hidden; z-index:99; border:none;}
.sb-search-input {position: absolute;top: 0;left:0px;outline: none;width:236px;height: 33px;line-height:26px;padding-left:10px;border:none;margin: 0;z-index: 190;font-family:"微软雅黑"; color:#333; border-radius:4px; background:none;color: #333;}
.sb-icon-search,.sb-search-submit{width: 33px;height: 33px;display: block;position: absolute;right: 0px;top:0px;padding: 0;margin: 0;cursor: pointer;background: url(../img/sousuo.png) no-repeat center;border:none;}
.sb-search.sb-search-open,
.no-js .sb-search {width: 236px;height:32px;line-height:26px;position:relative;right:0px;top:0px; z-index: 999999; background:#fff; border-radius:17px;border: 1px solid #00adf1;}
.no-js .sb-search .sb-icon-search {position:absolute;background:url(../img/sousuo.png) no-repeat center;z-index: 15;right:0px;top:0px;}
.no-js .sb-search .sb-search-submit{z-index:91;}
/*.container*/
.container { width: 5px; height: 100%; position: absolute; right: 0; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; z-index: 999999999999999; cursor: pointer; position: fixed; top: -5px; right: 0; display: block; }
.container .nav { overflow: hidden; width: 300px; background: rgba(0, 0, 0, 0.8); position: absolute; top: 0; right: 0; display: block; height: auto; overflow: scroll; }
.container .nav form { margin: 15px auto; width: 258px; height: 26px; border: 1px solid #fff; }
.container .nav form .iptc { box-sizing: border-box; padding-left: 15px; background-color: #fff; width: 80%; height: 26px; line-height: 26px; display: block; float: left; }
.container .nav form .ipsc { width: 20%; height: 26px; line-height: 26px; display: block; float: right; background: #fff url(../img/sousuo.png) no-repeat center center; }
.container .nav > ul { display: none; margin-top: 0px; margin-bottom: 0px; overflow: scroll; padding-top:45px;-ms-box-sizing: border-box;-o-box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.container .nav > ul > li { line-height: 40px; font-size: 12px; font-size: 1.2rem; text-indent: 20px; position: relative; }
.container .nav > ul > li .addition { width: 20px; height: 20px; position: absolute; right: 15px; top: 10px; background: url("fonts/shizi.png") no-repeat center center;  }
.container .nav > ul > li .addition.fa:before { margin-right: 5px; color: #fff; text-indent: 0; }
.container .nav > ul > li > a { color: #fff; font-size: 12px; font-size: 1.2rem; display: block; margin-right: 40px;}
.container .nav > ul > li > a span { color: #fff; font-size: 12px; font-size: 1.2rem; }
.container .nav > ul > li .c-show { display: none; width: 100%; }
.container .nav > ul > li .c-show1 .c-s1 { position: relative; padding-left: 15px;}
.container .nav > ul > li .c-show1 .c-s1 > a {position: relative;  font-size: 12px; font-size: 1.2rem; color: #fff; display: block; padding-top: 5px; padding-bottom: 5px; line-height: 30px; margin-right: 40px;}
.container .nav > ul > li .c-show1 .c-s1 > a span { font-size: 12px; font-size: 1.2rem; color: #fff; }
.container .nav > ul > li .c-show1 .c-s1 > .c-show2 {position: relative;}
.container .nav > ul > li .c-show1 .c-s1 > .c-show2 .c-s2{position: relative; }
.container .nav > ul > li .c-show1 .c-s1 > .c-show2 .c-s2 > a { text-indent: 35px; font-size: 12px; font-size: 1.2rem; color: #fff; display: block; padding-top: 5px; padding-bottom: 5px; line-height: 30px; margin-right: 40px;}
.container .nav > ul > li .c-show1 .c-s1 > .c-show2 .c-s2 > a  span { font-size: 12px; font-size: 1.2rem; color: #fff; }
.container .nav > ul > li .c-show1 .c-s1 .c-s2 .c-show3 {position: relative;}
.container .nav > ul > li .c-show1 .c-s1 .c-s2 .c-show3 .c-s3 a { text-indent: 50px; font-size: 12px; font-size: 1.2rem; color: #fff; display: block; padding-top: 5px; padding-bottom: 5px; line-height: 30px; }
.container .nav > ul > li .c-show1 .c-s1 .c-s2 .c-show3 .c-s3 a span { font-size: 12px; font-size: 1.2rem; color: #fff; }
.container .nav > ul > dl{padding: 20px;}
.container .nav > ul > dl dd{float: left;margin: 0 2px;}
.container .menubtn { width: 23px; height: 18px; position: absolute; top: 12px; right: 12px; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; z-index: 9999; }
.container .menubtn span { display: block; width: 100%; height: 3px; margin-bottom: 3px; background-color: #00adf1; }
@media screen and (min-width: 768px) { .container, .nav { display: none!important; } }
/***********  lunbo  *************/
#lun2{position: relative;}
.slide .carouse{width:100%;overflow:hidden;position:relative}
.slide .slideItem .banner-img{width:100%;display: block;}
.slide .carouse .slideItem{
	width:100%;
	position:absolute;
}
.slide .console{
	height: 57px;
    display: inline-block;
    width: 35px;
    position: absolute;
    top: 40%;
}
.slide .dotList{
    text-align: center;
    position: absolute;bottom: 15px;width: 100%;left: 0;
}
.slide .dotList ul li{
	display: inline-block;
    width: 12px;
    height: 12px;
    background: #00adf1;
    border: 2px solid #00adf1;
    border-radius: 50%;
    margin-left: 13px;
    cursor:pointer;
}
.slide .dotList ul li.active{
	 background: transparent;
}
.slide .carousel-control{
	position: absolute;
    top: 45%;
    width: 30px;
    height: 30px;
    z-index:999;
}
.slide .carousel-control.left{
	left:0;
	background-image:url("../img/prev.png");
	cursor:pointer;
}
.slide .carousel-control.right{
	right:0;
	background-image:url("../img/next.png");
	cursor:pointer;
}
.slide .slidedetail{display:none;}
.imgtoVideo img{width:100%;}
.imgtoVideo>div{padding:1px;position:relative;cursor:pointer;width:49%;    display: inline-block;}
.imgtoVideo>div:hover .imgtoVideoDetail{display:block}
.imgtoVideo .imgtoVideoDetail{
	width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding:1px;
    display:none
}
.imgtoVideo .imgtoVideoDetail >div{
	 background: rgba(0, 98, 197,0.8);
	 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8142B49,endColorstr=#C8142B49);
	 width: 100%;
     height: 100%;
     text-align:center;
}
.imgtoVideo .tovideo .imgtoVideoDetail{
	display:block;
}
.imgtoVideo .tovideo .imgtoVideoDetail >div{
	    background: #0C2D47;
    width: 60px;
    height: 60px;
    color: #fff;
    line-height: 60px;
    vertical-align: middle;
    margin: 0 auto;
    margin-top: 17%;
}
.imgtoVideo .imgtoVideoDetail .fa-search{
	color: #fff;
    font-size: 25px;
    margin-top: 21%;
}
.contentIV{
	position: fixed;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    display: table;
    background: rgba(20, 43, 73,0.8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8142B49,endColorstr=#C8142B49);
    margin:0 auto;
    z-index:-999;
    max-width:1024px;
    display:none;
}
#picturetoVideo .carouse .slideItem{display:table;height:100%}
#picturetoVideo .carouse .slideItem>div{display:table-cell;vertical-align: middle;text-align: center;}
#picturetoVideo .carouse .slideItem .banner-img{max-width:100%;width:auto}
.closeContentIV{
	    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 25px;
    color: #fff;
    font-weight: bold;
    cursor:pointer;
    z-index: 999;
}
@media screen and (max-width:639px) {
.slide .dotList ul li{margin-left: 10px;}
.slide .dotList{bottom: 5px;}
.slide .dotList ul li{width: 10px;height: 10px;border-radius: 50%;overflow: hidden;}
.slide .carousel-control.left,.slide .carousel-control.right{display: none;}
}
.head{background: #fff;}
.logo img{width: 100%;max-width: 210px;max-height: 69px;}
.logo{display: block;margin-right: 90px;padding-top: 22px;}
.navlist2{display: none;}
.navlist>li{position: relative;float: left;margin-left: 44px;}
.navlist>li>a{display: block;font-size: 16px;font-size: 1.6rem;font-weight: bold;padding: 0 9px;padding-bottom: 41px;}
.navlist>li.currentnav>a{background: url(../img/navbg.jpg) no-repeat center bottom;color: #00adf1;}
.navlist{padding-top: 49px;}
.navlist>li:hover>a{background: url(../img/navbg.jpg) no-repeat center bottom;color: #00adf1;}
@media screen and (min-width:1000px) and (max-width:1219px) {
.navlist>li{margin-left: 10px;}
.logo{margin-right: 70px;}
}
@media screen and (max-width:999px) {
.navlist{width: 100%;padding-top: 25px;}
.navlist>li{width: 16.66%;text-align: center;margin: 0;}
.navlist>li>a{padding-left: 0;padding-right: 0;padding-bottom: 15px;}
}
@media screen and (max-width:767px) {
.navlist1{display: none;}
.navlist2{display: block;}
.navlist>li{width: 25%;}
.logo{width: 180px;padding-top: 15px;}
.search{display: none;}
}
@media screen and (max-width:500px) {
.navlist>li>a{font-size: 14px;font-size: 1.4rem;}
}
/************ sya ************/
.sya{padding-top: 77px;padding-bottom: 40px;/*background: url(../img/sybg1.jpg) no-repeat center bottom;*/}
.syazuo{width: 560px;margin-top: 24px;}
.syayou{width: 640px;padding-top: 6px;}
.syabt{display: block;font-size: 28px;font-size: 2.8rem;font-weight: bold;color: #00adf1;text-transform: uppercase;padding-bottom: 12px;background: url(../img/welxian.jpg) no-repeat left bottom;}
.syap1{display: block;font-size: 20px;font-size: 2rem;font-weight: bold;line-height: 40px;margin-bottom: 7px;margin-top: 22px;}
.syap2{display: block;color: #666666;line-height: 30px;padding-right: 45px;text-indent: 3rem;}
.syap1:hover{color: #00adf1;}
.syap2:hover{color: #00adf1;}
.syatu3{display: block;/*margin-top: 103px;*/}
.syatu3 img{width: 100%;max-width: 560px;max-height: 490px;}
.syabox{float: left;width: 320px;position: relative;}
.syacover{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.syabox img{width: 100%;max-width: 320px;max-height: 300px; display: block;}
.syap3{display: block;font-size: 16px;font-size: 1.6rem;color: #fff;line-height: 30px;margin-top: 20px;padding: 0 32px;padding-bottom: 22px;background: url(../img/fzxian.jpg) no-repeat 32px bottom;}
.syap3:hover{color: #333;}
.fangzi{padding-top: 62px;padding-left: 32px;display: block;}
.syap4{display: block;color: #666666;line-height: 30px;padding: 0 28px;padding-top: 30px;}
.syap5{display: block;padding-left: 28px;color: #00adf1;margin-top: 20px;}
.syap6{padding-top: 40px;}
.syap4:hover{color: #00adf1;}
.syap5:hover{text-decoration: underline;}
.fangzi img{width: 49px;height: 41px;}
@media screen and (min-width:1000px) and (max-width:1219px) {
.syazuo{width: 410px;}
.syayou{width: 570px;}
.syabox{width: 285px;}
.syap6{padding-top: 15px;}
.syap4{padding: 0 15px;padding-top: 8px;}
.fangzi{padding-top: 35px;}
.syap5{padding-left: 15px;}
.syatu3{margin-top: 0px;}
}
@media screen and (max-width:999px) {
.syazuo{width: 42%;}
.syayou{width: 50%;}
.sya{padding-top: 40px;}
.syatu3{margin-top: 30px;text-align: center;}
.syabox{width: 50%;}
.syabt{font-size: 20px;font-size: 2rem;}
.syap1{font-size: 16px;font-size: 1.6rem;line-height: 24px;}
.syap2{padding-right: 0;}
.syap6{padding-top: 15px;margin-top: 0px;}
.syap4{padding: 0 15px;padding-top: 8px;}
.fangzi{padding-top: 35px;}
.sya{padding-bottom: 40px;}
.syap5{padding-left: 15px;}
.syap3{padding-left: 15px;padding-right: 15px;background: url(../img/fzxian.jpg) no-repeat 15px bottom;}
}
@media screen and (max-width:767px) {
.syap2{line-height: 24px;}
}
@media screen and (max-width:700px) {
.syazuo{width: 100%;float: none;}
.syayou{max-width: 640px;float: none;margin: 0 auto;width: auto; margin-bottom: 0px;}
}
@media screen and (max-width:600px) {
.syap4{line-height: 24px;}
.syap3{line-height: 24px;}
}
@media screen and (max-width:550px) {
.sya{background: none;}
}
@media screen and (max-width:500px) {
.syabox{float: none;max-width: 320px;margin: 0 auto;width: auto; margin-bottom: 30px;}
.sya{padding-bottom: 30px;}
}
/**************** syicon *****************/
.syicon{background: url(../img/sybg2.jpg) no-repeat center top;padding-top: 88px;padding-bottom: 70px;}
.syicon li{float: left;width: 255px;text-align: center;margin-left: 60px;}
.syicon li a{color: #fff;display: block;}
.syicon li a:hover{color: #00adf1;}
.syicon li a img{width: 100%;max-width: 107px;max-height: 107px;}
.syip1{font-size: 18px;font-size: 1.8rem;padding-bottom: 17px;background: url(../img/iconxian.png) no-repeat center bottom;margin-top: 30px;margin-bottom: 19px;}
.syip2{line-height: 30px;}
@media screen and (min-width:1000px) and (max-width:1219px) {
.syicon li{margin-left: 10px;width: 237px;}
}
@media screen and (max-width:999px) {
.syicon{padding-top: 20px;}
.syicon li{width: 48%;margin: 0 1%;}
.syicon{background: url(../img/sybg2.jpg) repeat-y center top;}
.syip2{height: 120px;overflow: hidden;}
}
@media screen and (max-width:500px) {
.syicon li{width: 98%;margin: 0 1%;}
.syicon{background: url(../img/sybg2.jpg) repeat-y center top;}
.syip2{height: 90px;}
}
/*********** syp ***********/
.syp{padding-top: 126px;padding-bottom: 463px;position: relative;}
.img-scroll7 {position: relative;margin: 0 auto;width: 100%;}
.img-scroll7 .prev7, .img-scroll7 .next7 {position: absolute;display: block;width: 87px;height: 40px;top:2%;margin-top:-42px;color: #fff;text-align: center;line-height: 100px}
.img-scroll7 .prev7 {right: 0;margin-right:86px;cursor: pointer;background: url("../img/sys.jpg") no-repeat;}
.img-scroll7 .next7 {right: 0;cursor: pointer;background: url("../img/syx.jpg") no-repeat;}
.img-scroll7 .prev7:hover{background: url("../img/sys2.jpg") no-repeat;}
.img-scroll7 .next7:hover{background: url("../img/syx2.jpg") no-repeat;}
.img-list7 {position:relative;width:100%;overflow: hidden;margin: 0 auto;}
.img-list7>ul {width: 10000%;}
.img-list7>ul>li {float: left;display: inline;width: 1%;position: relative;position: relative;}
.sypzuo{margin-left: 60px;}
.sypzuo img{width: 100%;max-width: 459px;max-height: 643px;}
.sypyou{width: 494px;margin-top: 105px;}
.sypyou a{display: block;}
.sypp1{font-size: 34px;font-size: 3.4rem;font-weight: bold;color: #00adf1;}
.sypp2{font-size: 16px;font-size: 1.6rem;line-height: 40px;margin-top: 22px;margin-bottom: 40px;}
.sypp2 p{padding-left: 11px;background: url(../img/sydian.jpg) no-repeat left 17px;}
.sypp2 p a:hover{color: #00adf1;}
.sypp3{width: 168px;height: 43px;line-height: 43px;border: 1px solid #00adf1;background: #fff;color: #fff;text-align: center;font-size: 16px;font-size: 1.6rem;color: #00adf1;border-radius: 8px;}
.sypp1:hover{text-decoration: underline;}
.sypp2:hover{color: #00adf1;}
.sypp3:hover{color: #fff;background: #00adf1;}
.syapp{position: absolute;left: 0;bottom: -80px;width: 100%;background: url(../img/sybg4.png) no-repeat left center;padding-top: 48px;padding-bottom: 12px;}
.syappbt{font-size: 36px;font-size: 3.6rem;font-weight: bold;text-transform: uppercase;padding-bottom: 15px;background: url(../img/syappxian.jpg) no-repeat left bottom;}
.syappbt a{color: #fff;}
.syappbt a:hover{color: #00adf1;}
/****new lunbo****/
.main4{ background:url(../img/m4bei.jpg) repeat-y center; min-width:1200px;}
.m4l{ width:1083px; float:left; padding-top:28px;}
.m4lbiao{ display:block; float:left; background:url(../img/jiaobiao.png) no-repeat left center; font-size:40px; font-size:4rem; text-transform:uppercase; padding-left:54px;}
.m4r{ width:509px; float:right; position:relative;}
.m4lmor{ display:block; width:70px; height:24px; border-radius:12px; text-align:center; line-height:24px; float:right; background:#253d7a; font-size:14px; font-size:1.4rem; color:#fff; margin-top:15px;margin-right: 30px;}
.m4lmor:hover{ background:#ee5236;}
.ck-slide { position: relative;width: 100%; height:337px; margin: 0 auto; margin-top:9px;}
.ck-slide ul { margin: 0; padding: 0; list-style-type: none;}
.ck-slide ul.ck-slide-wrapper { position:absolute; width:100%; height:337px; top: 0; left: 0; z-index: 1; margin: 0; padding: 0;}
.ck-slide ul.ck-slide-wrapper li { position: absolute; display:none;}
.ck-slidebox { position: absolute; bottom:180px; right:-85px; z-index: 30;}
.ck-slidebox ul li { height: 10px; width:10px; margin:0 6px; background:#fff; border-radius:50%; cursor:pointer;margin-bottom: 15px;border: 2px solid #fff;}
.ck-slidebox ul li.current { background-color: transparent;}
.ck-slidebox ul li:hover { background-color: transparent;}
.m4lie{ margin-top:17px;margin-bottom: 25px;position: relative;float: left;overflow: hidden;}
.m4ri{ width:65px; float:left; font-size:55px; font-size:5.5rem; text-transform:uppercase; line-height:80px;}
.m4yue{ width:30px; float:left; margin-left:7px; margin-top:11px; background:url(../img/dian.jpg) no-repeat center; font-size:14px; font-size:1.4rem; text-transform:uppercase; line-height:30px;}
.m4zi p a{ display:block; margin-left:128px; font-size:14px; font-size:1.4rem; line-height:24px; padding-top:15px; height:48px; overflow:hidden;}
.m4zi p a:hover{ color:#253d7a;}
.m4rbiao1{ display:block; font-size:40px; font-size:4rem; color:#fff;line-height:52px; padding-top:53px;}
.m4rbiao2{ display:block; font-size:46px; font-size:4.6rem; color:#fff; line-height:52px; text-transform:uppercase;}
.m4rlie{ width:410px; margin-left:7px; margin-top:21px; margin-bottom:30px;}
.m4rlie>a{ display:block; font-size:24px; font-size:2.4rem; color:#fff; line-height:35px; background:url(../img/m4baitiao.jpg) no-repeat 4px bottom; padding-bottom:5px;}
.m4rlie p a{ display:block; font-size:16px; font-size:1.6rem; color:#fff; line-height:24px; margin-top:7px; margin-left:5px;}
.m4r a:hover{ color:#253d7a;}
.m4mor{ position:absolute; right:2px; top:323px;}
.special{margin-right: auto!important;}
.appcover{position: absolute;left: 0;top: -100%;width: 100%;height: 100%;background: rgba(0,112,178,0.8);}
.appcover span{color: #fff;text-align: center;font-size: 18px;font-size: 1.8rem;padding-bottom: 97px;background: url(../img/syjia.png) no-repeat center bottom;display: block;text-transform: uppercase;padding-top: 18%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.m4lie img{width: 100%;max-width: 361px;max-height: 252px;}
.m4lie:hover .appcover{top: 0;}
@media screen and (min-width:1000px) and (max-width:1219px) {
.syp{padding-top: 70px;}
.m4l{width: 900px;}
.m4lie{width: 33.33333%;}
.syicon{padding-top: 50px;}
.sypzuo{margin-left: 0;}
}
@media screen and (max-width:999px) {
.sypzuo{width:44%;}
.sypyou{width: 55%;margin-top: 60px;}
.syp{padding-top: 65px;}
.sypp1{font-size: 26px;font-size: 2.6rem;}
.syicon{padding-bottom: 20px;}
.m4lie{width: 33.33333%;}
.m4l{width: 100%;}
.ck-slidebox{right: 20px;}
.ck-slidebox ul li{float: left;margin-bottom: 0;}
.ck-slidebox{bottom: 25px;}
.ck-slide ul.ck-slide-wrapper{height: 335px;}
.ck-slide{height: 335px;}
.syappbt{font-size: 30px;font-size: 3rem;}
.syapp{position: static;}
.appcover{position: static;}
.appcover span{padding-top: 20px;padding-bottom: 0;background: none;font-size: 14px;font-size: 1.4rem;}
.syp{padding-bottom: 0;}
.appcover span{padding-left: 10px;padding-right: 10px;}
.sypzuo{margin-left: 0;}
}
@media screen and (max-width:900px) {
.sypp2{line-height: 30px;font-size: 14px;font-size: 1.4rem;}
.syapp{margin-top: 20px;}
}
@media screen and (max-width:767px) {
.sypp1{font-size: 20px;font-size: 2rem;}
.sypp2{margin-bottom: 20px;margin-top: 10px;}
.sypzuo{width: 38%;}
.sypyou{margin-top: 20px;}
.syappbt{font-size: 20px;font-size: 2rem;}
.ck-slide ul.ck-slide-wrapper{height: 280px;}
.ck-slide{height: 280px;}
.m4l{padding-top: 0;}
.syapp{padding-top: 30px;}
}
@media screen and (max-width:600px) {
.sypzuo{float: none;width: 50%;margin: 0 auto;margin-top: 20px;}
.sypyou{width: 100%;float: none;}
}
@media screen and (max-width:550px) {
.ck-slide ul.ck-slide-wrapper{height: 225px;}
.ck-slide{height: 225px;}
}
@media screen and (max-width:500px) {
.m4lie{float: none;min-width: 358px;margin: 0 auto;margin-bottom: 15px;}
.ck-slide ul.ck-slide-wrapper{height: 960px;}
.ck-slide{height: 960px;}
.syapp{background: #0076b8;}
.ck-slide ul.ck-slide-wrapper li{width: 100%;}
}
@media screen and (max-width:380px) {
.m4lie{float: none;min-width: 280px;margin: 0 auto;margin-bottom: 15px;}
.ck-slide ul.ck-slide-wrapper{height: 790px;}
.ck-slide{height: 790px;}
.syapp{background: #0076b8;}
.ck-slide ul.ck-slide-wrapper li{width: 100%;}
}
/************ syn *************/
.syn{padding-top: 175px;padding-bottom: 101px;  background: url(../img/sybg3.jpg) no-repeat center top;background-attachment: fixed;}
.synbt{font-size: 36px;font-size: 3.6rem;font-weight: bold;text-align: center;background: url(../img/synxian.jpg) no-repeat center bottom;padding-bottom: 22px;margin-bottom: 62px;}
.synbt a{color: #fff;text-transform: uppercase;}
.synbt a:hover{color: #00adf1;}
.synbox{float: left;width: 370px;background: #fff;margin-left: 45px;}
.synbox img{width: 100%;max-width: 370px;max-height: 200px;min-height: 200px;}
.synnr{padding: 0 18px;padding-bottom: 18px;padding-top: 14px;}
.synnr a{display: block;}
.synp1{font-size: 16px;font-size: 1.6rem;line-height: 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.synp2{color: #666666;line-height: 30px;margin-top: 3px;height: 90px;overflow: hidden;margin-bottom: 15px;}
.synp3{padding-left: 23px;background: url(../img/rili.png) no-repeat left center;color: #999999;font-size: 12px;font-size: 1.2rem;}
.synp1:hover{color: #00adf1;}
.synp2:hover{color: #00adf1;}
@media screen and (min-width:1000px) and (max-width:1219px) {
.synbox{margin-left: 30px;width: 306px;}
}
@media screen and (max-width:999px) {
.synbox{width: 31.333%;margin: 0 1%;}
.syn{padding-top: 40px; background: #172959;}
}
@media screen and (max-width:767px) {
.synnr{padding-left: 10px;padding-right: 10px;}
.synbt{font-size: 26px;font-size: 2.6rem;margin-bottom: 30px;}
.syn{padding-bottom: 45px;}
}
/************ bottom *************/
.bottom{padding-top: 60px;padding-bottom: 26px;background: #030d26;}
.bottom2{padding-bottom: 13px;}
.div a,.div p,.div li,.div span{color: #7d89a8;}
.div>span,.div>a{display: block;text-transform: uppercase;font-size: 22px;font-size: 2.2rem;color: #e0e0e0;margin-bottom: 15px;}
.div>a:hover{color: #fff;}
.div li{line-height: 36px;}
.div li a:hover{color: #fff;}
.div1{margin-right: 197px;}
.div2{width: 355px;}
.div3{width: 335px;}
.bsjj a{float: left;margin-left: 20px;position: relative;top: 0;transition: 0.5s;}
.bsjj a:hover{top: -5px;}
.bsjj{padding-top: 13px;}
.copyright{line-height: 36px;padding-top: 10px;}
.copyright a:hover{color: #fff;}
.reanod,.cnzz{display: inline-block;margin-top: 10px;}
.reanod{padding-right: 10px;}
.link{line-height: 30px;margin-top: 45px;}
.link span,.link a{color: #e0e0e0;}
.link span{text-transform: uppercase;}
.link a{padding-right: 10px;}
.link a:hover{color: #00adf1;}
@media screen and (min-width:1000px) and (max-width:1219px) {
.div1{margin-right: 100px;}
}
@media screen and (max-width:999px) {
.div>span, .div>a{font-size: 18px;font-size: 1.8rem;}
.div1{width: 34%;margin-right: 1%;}
.div2{width: 65%;}
.div3{width: 100%;margin-top: 20px;}
.bsjj a{margin-left: 0;margin-right: 20px;}
.bottom{padding-top: 30px;}
.link{margin-top: 20px;}
}
@media screen and (max-width:767px) {
.div1,.div2{display: none;}
.div>span{display: none;}
.bsjj{display: none;}
.div3{margin-top: 0;}
.copyright{padding-top: 0;}
.link span, .link a{display: none;}
.bottom{padding-top: 15px;}
.link{margin-top: 0;}
}
/*********** bread **********/
.bread{min-height: 190px;background: url(../img/bannerf.jpg) no-repeat center top;text-align: center;color: #fff;}
.bread p{font-size: 26px;font-size: 2.6rem;font-weight: bold;text-transform: uppercase;color: #fff;padding-top: 62px;padding-bottom: 16px;}
.bread a{color: #fff;}
.bread a:hover{color: #00adf1;}
.bread a.currentbread{color: #00adf1;}
/************ contact *************/
.contact{padding-top: 30px;padding-bottom: 100px;}
.contact .ctop { padding-top: 35px; max-width: 100%; width: 100%; margin: 0 auto; }
.contact .ctop dl { margin: 0 auto; width: 100%; }
.contact .ctop dl dd { width: 205px; float: left; margin-left: 16px; }
.contact .ctop dl dd .top1 img { display: block; margin: 0 auto; max-width: 152px; }
.contact .ctop dl dd .bottom1 { text-align: center;color: #333; padding-top: 27px; line-height: 30px; }
.contact .ctop dl dd .bottom1 a { display: block; text-align: center; color: #333; }
.contact .ctop dl dd .bottom1 a:hover { color: #00adf1; }
.footer a:hover { color: #00adf1; }
.contact .didian1 {margin: 30px auto 0; line-height: 33px; max-width: 715px;}
.contact .didian1 span { display: inline-block; background: url(../img/site2.png) no-repeat left 3px; padding-left: 26px; font-size: 14px; font-size: 1.4rem; line-height: 30px; color: #333; }
.cobiao { display: block; text-align: center; font-size: 24px; font-size: 2.4rem; color: #00adf1; padding-top: 32px; text-transform: uppercase; }
.cop { font-size: 16px; font-size: 1.6rem; line-height: 24px; color: #666666; text-align: center; margin-top: 0px; margin-top: 4px;}
.coxin { margin-top: 20px; }
.col { width: 496px; float: left; }
.cor { width: 664px; float: right; }
.coxin .int1 { padding-left: 15px; margin-top: 18.5px; }
.coxin .xing { background: url(../img/xing.png) no-repeat left 22px; }
.coxin .int1 input { border: 1px solid #d9d9d9; width: 439px; height: 48px; padding-left: 38px; line-height: 48px; }
.curen { background: #fff url(../img/curen.jpg) no-repeat left center; }
.cuxinfeng { background: #fff url(../img/cuxinfeng.jpg) no-repeat left center; }
.cudianhua { background: #fff url(../img/cudianhua.jpg) no-repeat left center; }
.cufang { background: #fff url(../img/cuguojia.jpg) no-repeat left center; }
.coxin textarea { font-family: "微软雅黑"; border: 1px solid #d9d9d9; width: 605px; height: 185px; padding-left: 41px; line-height: 48px; background: #fff url(../img/cuxinxi.jpg) no-repeat left top; }
.coxin .int2 { padding-left: 14px; margin-top: 18.5px; }
.coxin .int3 { border: 1px solid #d9d9d9; width: 227px; height: 48px; padding-left: 12px; line-height: 41px; float: left; background: #fff; }
.cuyanzheng { width: 161px; height: 50px; float: left; margin-left: 8px; cursor: pointer; }
.coxin .int4 { width: 199px; height: 50px; background: #00adf1; font-size: 16px; font-size: 1.6rem; color: #fff; float: right; cursor: pointer; border-radius: 0px; }
.map {}
.map img { cursor: pointer; display: block; width: 100%; max-width: 1198px; margin-top: 56px; max-height: 416px; }
.ditu{cursor: pointer; display: block; width: 100%; max-width: 1198px; margin-top: 56px; max-height: 416px; }
@media screen and (min-width: 1220px){
.contact .ctop dl dd.no_margin{margin-left: 165px!important;}
}
@media screen and (min-width: 1000px) and (max-width: 1219px) { .col { width: 47%; }
  .cor { width: 47%; }
  .contact .ctop dl dd { margin-left: 7px; }
  .coxin textarea { width: 408px; }
  .coxin .int3 { width: 130px; }
  .coxin .int4 { width: 129px; }
  .contact .ctop dl dd.no_margin{margin-left: 83px!important;}}
@media screen and (max-width: 999px) { .coul { width: 30%; margin-left: 1.5%; margin-right: 1.5%; float: left; height: 100px; }
  .contact .ctop dl dd { width: 23%; margin-left: 1% !important; margin-right: 1%; margin-bottom: 10px; }
  .contact .ctop dl dd .bottom1 { padding-top: 10px; padding-bottom: 10px; }
  .col { width: 100%; float: none; }
  .cor { width: 100%; float: none; }
  .coxin .int1 input { width: 90%; }
  .coxin textarea { width: 90%; }
  .coxin .int3 { width: 30%; }
  .coxin .int4 { width: 30%; float: left; margin-left: 8px; }
  .contact .didian1{margin: 15px auto 0;}
  .contact{padding-bottom: 30px;}
	}
@media screen and (max-width: 979px) { .contact { padding-top: 40px; }
  .contact .ctop { width: 100%; padding-top: 0px; } }
@media screen and (max-width: 979px) {
.contact .ctop dl dd{width: 48%;}
.contact .ctop dl dd .bottom1{min-height: 65px;}
}
@media screen and (max-width: 749px) { .contact { padding-top: 20px; }
  .map img { margin-top: 20px; }
  .map { margin-bottom: 20px; }
  .cobiao { padding-top: 20px; }
  .contact .didian1 { margin-top: 0px; }
  .contact .ctop dl dd { width: 48%; margin-bottom: 0px; }
  .contact .ctop dl dd .bottom1 {font-size: 14px; font-size: 1.4rem; }
  .contact .ctop dl dd .bottom1 a { font-size: 14px; font-size: 1.4rem; }
  }
@media screen and (max-width: 639px) { .coul { width: 47%; margin-left: 1.5%; margin-right: 1.5%; float: left; }
  .coxin .int1 input { width: 85%; }
  .coxin textarea { width: 84%; }
  .coxin .int3 { width: 84%; padding-left: 41px; float: none; }
  .cuyanzheng { margin-left: auto; margin-top: 11px; }
  .coxin .int4 { width: 36%; float: left; margin-left: 8px; margin-top: 11px; } }
@media screen and (max-width: 480px) { .contact .didian1 { width: auto; } }
@media screen and (max-width: 430px) {
.contact .ctop dl dd{width: 98%;}
}
@media screen and (max-width: 379px) { .coul { width: 97%; margin-left: 1.5%; margin-right: 1.5%; float: left; height: auto; } }
/*************** about4 **************/
.about4{padding-bottom: 83px;}
.team{font-size: 24px;font-size: 2.4rem;color: #00adf1;padding-top: 63px;}
.afl{padding-top: 58px;padding-bottom: 33px;border-bottom: 1px solid #b8b8b8;box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);}
.afl li{float: left;margin-left: 258px;}
.afl li a{padding-left: 13px;display: block;background: url(../img/fldian1.jpg) no-repeat left center;font-size: 18px;font-size: 1.8rem;font-weight: bold;}
.afl li a:hover{background: url(../img/fldian2.jpg) no-repeat left center;color: #00adf1;}
.afl li.currentfl a{background: url(../img/fldian2.jpg) no-repeat left center;color: #00adf1;}
.lunboa {padding-bottom: 22px;}
.lunboa .ban .ban2 ul li{position: relative;}
.lunboa .ban .ban2 ul li .mzz{ position: absolute;bottom: 0;left: 0;width: 100%;display: block;text-align: center;height: 32px; color: #fff;line-height: 32px;background:rgba(0,0,0,0.7);font-family: "微软雅黑"}
.lunboa .ban .ban2 ul li .mzz a{width: 100%; }
.lunboa{position: relative;}
img{ border:0;}
/*1*/
.ban{ width:864px; height:729px; position:relative;
/*overflow:hidden;*/
margin:31px auto 0 auto;}
.ban2{ width:864px; height:564px; position:relative; overflow:hidden;margin: 0 auto;right: 0px;box-shadow: 0px 4px 10px 2px #d8d8d8;}
.ban2 ul{ position:absolute; left:0; top:0;}
.ban2 ul li{ width:845px; height:546px;padding-left: 10px;padding-right: 9px;padding-top: 9px;padding-bottom: 9px;background: #fff;}
.prev{ float:left; cursor:pointer;}
/*2*/
.num{ height:147px;overflow:hidden; width:864px; position:relative;float:left;}
.min_pic{ padding-top:12px;}
.num ul{ position:absolute; left:0; top:0;}
.num ul li{ width:199px; height:123px; margin-right:23px; padding:0px;padding-top: 8px;}
.num ul li a{display: block;background: transparent;padding: 3px;padding-right: 2px;}
.num ul li a img{width: 193px;height: 123px;}
.num ul li.on a{background: #00adf1;}
.num ul li.on{background: url(../img/sjt.png) no-repeat center top;}
.prev_btn1{ width:16px; text-align:center; height:21px; margin-top:47px; margin-right:30px; cursor:pointer; float:left;}
.next_btn1{  width:16px; text-align:center; height:21px; margin-top:47px;cursor:pointer;float:right;}
.prev1{ position:absolute; top:260px; left:-60px; width:24px; height:45px;z-index:9;cursor:pointer;background: url("../img/lbs.png") no-repeat; }
.next1{ position:absolute; top:260px; right:-60px; width:24px; height:45px;z-index:9;cursor:pointer;background: url("../img/lbx.png") no-repeat;}
.prev1:hover{background: url("../img/lbs2.png") no-repeat;}
.next1:hover{background: url("../img/lbx2.png") no-repeat;}
.mhc{
        z-index: 99999;
        background:#000; width:100%;opacity:0.5;-moz-opacity:0.5;filter:alpha(Opacity=50); position:fixed; left:0; top:0; display:none;}
/*3*/
.pop_up{ width:845px; height:546px; padding:10px; background:#fff; position:fixed; -position:absolute; left:50%; top:50%; margin-left:-498px; margin-top:-273px; display:none; z-index:9999999;}
.pop_up_xx{ width:40px; height:40px; position:absolute; top:-40px; right:0; cursor:pointer;background: url("../img/guanbi.png") no-repeat;}
.pop_up2{ width:500px; height:500px; position:relative; overflow:hidden;}
.pop_up2{ width:845px; height:546px; position:relative; overflow:hidden; float:left;}
.pop_up2 ul{ position:absolute; left:0; top:0;}
.pop_up2 ul li{ width:845px; height:546px; float:left;}
.tukuang{position: relative;display: block;}
.lunboa {padding-bottom: 0px;padding-top: 6px;}
.lunboa .ban .ban2 ul li{position: relative;}
.lunboa .ban .ban2 ul li .mzz{ position: absolute;bottom: 0;left: 0;width: 100%;display: block;text-align: center;height: 39px; color: #fff;line-height: 39px;background: #000;background:rgba(0,0,0,0.5);font-size: 16px;font-size: 1.6rem;}
.lunboa .ban .ban2 ul li .mzz a{width: 100%; }
.lunbob{display: none;}
.lunbob ul li{width: 48%;position: relative;float: left;margin: 20px 1%!important;}
.lunbob ul li a{display: block;}
.lunbob ul li a img{display: block;width: 100%;}
.lunbob ul li .mzz{ position: absolute;bottom: 0;left: 0;width: 100%;}
.lunbob ul li .mzz a{width: 100%; display: block;text-align: center;height: 44px; font-size:16px;font-size:1.6rem;color: #fff;line-height: 44px;background:url(../img/mzz.png) repeat center center;}
.xiaoping{display: none;}
.xiaoping li{width: 48%;margin: 0 1%;margin-bottom: 20px;float: left;}
.xiaoping li img{width: 100%;max-width: 845px;max-height: 546px;}
.xiaoping li p{text-align: center;margin-top: 10px; min-height: 52px;}
@media screen and (min-width:1000px) {
.afl li.no_margin{margin-left: 48px!important;}
}
@media screen and (min-width:1000px) and (max-width:1219px) {
.renbox{margin: 0 39px;margin-bottom: 60px;margin-top: 40px;}
.a3zy{background: url(../img/a3bg1.jpg) no-repeat center -270px;}
.afl li{margin-left: 70px;}
.lunboa{padding-top: 35px;}
}
@media screen and (max-width:999px) {
.lunboa{display: none;}
.xiaoping{display: block;padding-top: 20px;}
.renbox{width: 48%;margin: 0 1%;margin-bottom: 60px;margin-top: 40px;}
.afl{padding-top: 20px;padding-bottom: 15px;}
.afl li{width: 49%;margin-right: 1%;margin: 0;margin-bottom: 10px;}
.about4{padding-bottom: 30px;}
.team{padding-top: 35px;}
}
@media screen and (max-width:750px) {
.renbox{width: 90%;margin: 0 5%;margin-bottom: 40px;margin-top: 40px;}
.bread p{padding-top: 35px;}
.bread{min-height: 130px;}
}
@media screen and (max-width:639px) {
.afl li a{font-size: 14px;font-size: 1.4rem;}
}
@media screen and (max-width:400px) {
.renboxn span{position: static;}
.renboxn{padding: 0 15px;}
.renbox{padding-top: 66px;}
.afl li{width: 100%;margin-right: 0;}
.bread p{font-size: 20px;font-size: 2rem;padding-top: 20px;}
.bread{min-height: 100px;}
}
/************ about3 ************/
.about3{padding-bottom: 95px;}
.dh{padding-top: 58px;font-size: 24px;font-size: 2.4rem;color: #00adf1;margin-bottom: 26px;}
.ls{background: url(../img/dabiao.jpg) no-repeat 83px top;padding-top: 54px;}
.lsn{background: url(../img/lanshu.jpg) repeat-y 109px top;padding-top: 10px;padding-bottom: 20px;}
.lshang{position: relative;padding-top: 42px;margin-bottom: 25px;}
.lshang span{font-size: 20px;font-size: 2rem;color: #00adf1;padding-right: 20px;background: url(../img/lsjt.jpg) no-repeat right center;position: absolute;left: 0;top: 0;}
.lsnr{margin-left: 102px;padding-left: 49px;background: url(../img/lsdian.jpg) no-repeat left top;}
.lsnr p{line-height: 30px;}
@media screen and (min-width:1000px) and (max-width:1219px) {
}
@media screen and (max-width:999px) {
.about3{padding-bottom: 30px;}
}
@media screen and (max-width:639px) {
.ls{background: none;padding-top: 0;}
.dh{padding-top: 30px;font-size: 20px;font-size: 2rem;}
.lsn{background: none;}
.lsnr{background: none;margin-left: 0;}
.lshang{padding-top: 25px;}
}
@media screen and (max-width:450px) {
.lsnr{padding-left: 0;}
}
/******************** product1 *******************/
.product1{padding-bottom: 97px;}
.pfl{padding-top: 58px;padding-bottom: 33px;border-bottom: 1px solid #b8b8b8;box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);}
.pfl li{float: left;margin-left: 80px;}
.pfl li a{display: block;padding-left: 17px;background: url(../img/fldian1.jpg) no-repeat left center;font-size: 18px;font-size: 1.8rem;font-weight: bold;}
.pfl li:hover a{background: url(../img/fldian2.jpg) no-repeat left center;color: #00adf1;}
.xuanzhong{background: url(../img/fldian2.jpg) no-repeat left center !important;color: #00adf1 !important;}
.phui{background: #f6f6f6;padding-top: 23px;padding-bottom: 5px;padding-left: 20px;padding-right: 20px;margin-top: 50px;}
.huip1{font-size: 18px;font-size: 1.8rem;line-height: 30px;margin-bottom: 3px;}
.clxq{color: #666666;line-height: 30px;margin-bottom: 22px;}
.clxq p,.clxq span,.clxq li,.clxq b{color: #666666;}
.clxq a{color: #00adf1;}
.clxq img,.clxq iframe{max-width: 100%;}
.pbox{width: 362px;float: left;margin-left: 56px;position: relative;margin-top: 52px;margin-bottom: 31px;}
.ptu{display: block;border: 1px solid #e7e7e7;}
.ptu img{width: 100%;max-width: 480px;max-height: 506px;}
.pbox input{position: absolute;left: 7px;top: 10px;cursor: pointer;}
.pp1{display: block;font-size: 18px;font-size: 1.8rem;line-height: 26px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-top: 15px;}
.pp2{display: block;color: #666666;line-height: 30px;height: 60px; margin-top: 7px;margin-bottom: 33px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pp3{display: block;width: 145px;height: 35px;line-height: 35px;text-align: center;color: #00adf1;border: 1px solid #00adf1;border-radius: 5px;}
.pp1:hover{color: #00adf1;}
.pp2:hover{color: #00ad
    f1;}
.pp3:hover{background: #00adf1;color: #fff;}
.ms_ye1{text-align: center;}
.ms_ye{text-align: center;}
.ms_ye a{display: inline-block;width: 33px;line-height: 28px;text-align: center;margin: 0 2.3px;font-size: 12px;font-size: 1.2rem;background: #fff;border: 1px solid #e5e5e5;font-family: "微软雅黑";}
.ms_sx{width: 59px!important;}
.ms_ye .ms_current_ye{background: #00adf1;border: 1px solid #00adf1;color: #fff;}
.ms_ye a:hover{background: #00adf1;border: 1px solid #00adf1;color: #fff;}
.product1 .ms_ye{margin-top: 16px;}
.xiangshang input{width: 150px;height: 30px;line-height: 30px;text-align: center;color: #fff;background: #00adf1;cursor: pointer;}
.xiangshang{display: inline-block;padding-right: 19px;background: url(../img/xs.jpg) no-repeat right 5px;margin-left: 13px;}
.clapp{font-size: 36px;font-size: 3.6rem;font-weight: bold;text-transform: uppercase;padding-bottom: 22px;background: url(../img/appxian.jpg) no-repeat center bottom;text-align: center;padding-top: 71px;margin-bottom: 59px;}
.clapp a{color: #00adf1;}
.appbox{float: left;position: relative;margin-left: 100px;width: 550px;}
.apptu{position: absolute;left: 0;top: 0;}
.apptu img{width: 100%;max-width: 228px;max-height: 159px;}
.appnr{padding-left: 247px;}
.appp1{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 20px;font-size: 2rem;line-height: 158px;margin-bottom: 5px;}
.appp2{display: block;color: #666666;line-height: 30px;height: 120px;overflow: hidden;}
.appp1:hover{color: #00adf1;}
.appp2:hover{color: #00adf1;}
@media screen and (min-width:1000px) {
.pfl li.no_margin{margin-left: 80px!important;}
}
@media screen and (min-width:1000px) and (max-width:1219px) {
.pfl li{margin-left: 140px;}
.pbox{margin-left: 30px;width: 306px;}
.appbox{margin-left: 35px;width: 472px;}
}
@media screen and (max-width:999px) {
.pfl li{width: 31.333%;margin: 0 1%;}
.phui{margin-top: 25px;}
.pbox{width: 31.333%;margin: 0 1%;margin-top: 20px;}
.product1 .ms_ye{margin-top: 50px;}
.clapp{padding-top: 40px;font-size: 30px;font-size: 3rem;margin-bottom: 40px;}
.appbox{width: 100%;margin-left: 0;margin-bottom: 30px;}
.product1{padding-bottom: 30px;}
.ms_ye a{margin-bottom: 10px;}
}
@media screen and (max-width:639px) {
.pbox{width: 48%;}
.huip1{font-size: 16px;font-size: 1.6rem;}
.clapp{font-size: 22px;font-size: 2.2rem;}
}
@media screen and (max-width:500px) {
.apptu{position: static;text-align: center;}
.appnr{padding-left: 0;}
.appbox{margin-bottom: 5px;text-align: center;}
}
@media screen and (max-width:450px) {
.pbox{width: 98%;}
}
/******************** product2 *******************/
.product2{padding-bottom: 97px;}
.pyou{width: 667px;padding-top: 76px;}
.pzuo{padding-top: 76px;}
.pzuo a{display: block;border: 1px solid #e7e7e7;}
.pzuo a img{width: 100%;max-width: 480px;max-height: 506px;}
.btn1,.btn2{width: 156px;height: 40px;line-height: 40px;text-align: center;border-radius: 20px;color: #fff;background: #8a8a8a;display: inline-block;}
.btn1:hover{background: #00adf1;}
.btn2:hover{background: #00adf1;}
.btn1{margin-right: 41px;}
.btn2{margin-right: 30px;}
.btn3{font-size: 16px;font-size: 1.6rem;font-weight: bold;color: #00adf1;padding-left: 27px;background: url(../img/xiazai.jpg) no-repeat left center;text-transform: uppercase;}
.pyou h1{font-size: 24px;font-size: 2.4rem;line-height: 26px;}
.cpxx{color: #666666;line-height: 36px;padding-top: 12px;}
.cpxx li,.cpxx p,.cpxx span,.cpxx b{color: #666666;}
.twobtn{padding-top: 140px;}
.share{padding-top: 48px;}
.share1{color: #00adf1;position: relative;top: 3px;padding-right: 7px;}
.cptulist{padding-top: 59px;}
.cptulist li{float: left;margin-left: 26px;width: 280px;margin-bottom: 26px;}
.cptulist li img{width: 100%;max-width: 280px;max-height: 210px;display: block;}
.des{font-size: 28px;font-size: 2.8rem;font-weight: bold;line-height: 32px;padding-bottom: 11px;background: url(../img/desbg.jpg) no-repeat left bottom;padding-top: 32px;}
.deszuo{width: 100%;}
.deszuo table{width: 100%;}
.desyou{width: 536px;margin-top: 20px;}
.img-scroll2 {position: relative;margin: 0 auto;width: 100%;}
.img-scroll2 .prev2, .img-scroll2 .next2 {position: absolute;display: block;width: 16px;height: 30px;top:58%;margin-top:-42px;color: #fff;text-align: center;line-height: 100px}
.img-scroll2 .prev2 {left: 0;margin-right:86px;cursor: pointer;background: url("../img/cps.png") no-repeat;}
.img-scroll2 .next2 {right: 0;cursor: pointer;background: url("../img/cpx.png") no-repeat;}
.img-scroll2 .prev2:hover{background: url("../img/cps2.png") no-repeat;}
.img-scroll2 .next2:hover{background: url("../img/cpx2.png") no-repeat;}
.img-list2 {position:relative;width:480px;overflow: hidden;margin: 0 auto;}
.img-list2>ul {width: 10000%;}
.img-list2>ul>li {float: left;display: inline;width: 1%;position: relative;position: relative;}
.img-list2>ul>li img{width: 100%;max-width: 480px;max-height: 506px;}
.deszuo b{font-size: 18px;font-size: 1.8rem;color: #00adf1;}
.deszuo{padding-top: 36px;}
.deszuo p{line-height: 24px; font-size: 14px; font-size: 1.4rem;}
.deszuo p strong{/*color: #00adf1;*/ font-size: 1.6rem; font-size: 16px; }
.deszuo img,.deszuo iframe{max-width: 100%;}
.chanpinx{line-height: 30px;}
.chanpinx a{color: #00adf1;}
.chanpinx img,.chanpinx iframe{max-width: 100%;}
.des2{margin-bottom: 38px;}
.fyptu{display: block;border: 1px solid #ececec;}
.fyptu img{display: block;width: 100%;max-width: 480px;max-height: 506px;}
.fypp{display: block;line-height: 20px;margin-top: 10px;}
.img-scroll3 {position: relative;margin: 0 auto;width: 100%;}
.img-scroll3 .prev3, .img-scroll3 .next3 {position: absolute;display: block;width: 16px;height: 30px;top:-11%;margin-top:-42px;color: #fff;text-align: center;line-height: 100px}
.img-scroll3 .prev3 {right: 0;margin-right:43px;cursor: pointer;background: url("../img/zjs.png") no-repeat;}
.img-scroll3 .next3 {right: 0;margin-right:3px;cursor: pointer;background: url("../img/zjx.png") no-repeat;}
.img-scroll3 .prev3:hover{background: url("../img/zjs2.png") no-repeat;}
.img-scroll3 .next3:hover{background: url("../img/zjx2.png") no-repeat;}
.img-list3 {position:relative;width:100%;overflow: hidden;margin: 0 auto;}
.img-list3>ul {width: 999999999px;}
.img-list3>ul>li {float: left;display: inline;width: 266px;position: relative;position: relative;margin-right: 45px;}
.img-list3>ul>li:hover .fypp{color: #00adf1;}
@media screen and (min-width:1000px) and (max-width:1219px) {
.pzuo{width: 420px;}
.pyou{width: 535px;}
.cptulist li{margin-left: 20px;width: 230px;}
.desyou{width: 50%;}
.img-list2{width: 90%;}
.img-list3>ul>li{margin-right: 30px;width: 222px;}
}
@media screen and (max-width:999px) {
.pzuo{width: 40%;padding-top: 40px;}
.pyou{width: 58%;padding-top: 40px;}
.cptulist li{width: 23%;margin: 0 1%;margin-bottom: 20px;}
.cptulist{padding-top: 30px;}
.desyou{width: 49%;}
.img-list2{width: 100%;}
.img-list3>ul{width: 10000%;}
.img-list3>ul>li{width: 0.23%;margin: 0 0.01%;}
.product2{padding-bottom: 30px;}
.twobtn a{margin-bottom: 20px;}
.pyou h1{font-size: 20px;font-size: 2rem;}
}
@media screen and (max-width:767px) {
.img-list3>ul>li{width: 0.31%;}
.des{font-size: 20px;font-size: 2rem;}
.btn1{margin-right: 10px;}
}
@media screen and (max-width:639px) {
.pzuo{width: 78%;text-align: center;float: none;margin: 0 auto;}
.pyou{width: 100%;}
.twobtn{padding-top: 30px;}
.cptulist li{width: 31.333%;}
.deszuo{width: 100%;}
.desyou{width: 100%;}
.img-list2>ul>li{text-align: center;}
.img-list3>ul>li{width: 0.48%;}
.btn3{display: block;}
.pfl li a{font-size: 14px;font-size: 1.4rem;}
.pfl{padding-top: 20px;padding-bottom: 20px;}
.share{padding-top: 20px;}
}
@media screen and (max-width:450px) {
.pfl li{width: 100%;margin-right: 0;margin-bottom: 10px;}
}
@media screen and (max-width:400px) {
.pzuo{width: 96%;text-align: center;float: none;margin: 0 auto;}
.cptulist li{width: 48%;}
.deszuo{width: 100%;}
.desyou{width: 100%;}
.img-list2>ul>li{text-align: center;}
.img-list3>ul>li{width: 0.98%;}
}
/************** application1 *************/
.application1{padding-top: 78px;padding-bottom: 48px;}
.appxuxian{height: 1px;background: url(../img/appxuxian.jpg) repeat-x center bottom;padding-top: 44px;margin-bottom: 51px;}
@media screen and (min-width:1000px) and (max-width:1219px) {
}
@media screen and (max-width:999px) {
.appxuxian{display: none;}
.application1{padding-bottom: 20px;padding-top: 35px;}
}
/************** application2 *************/
.application2{padding-top: 78px;padding-bottom: 93px;}
.application2 h1{text-align: center;font-size:24px;font-size: 2.4rem;line-height: 28px;}
.application2 .share1,.application2 .share2{display: inline-block;}
.application2 .share{text-align: center;padding-top: 25px;}
.application2 .share1{top: -5px;color: #666666;}
.appx{line-height: 30px;padding-top: 27px;padding-bottom: 51px;background: url(../img/appxuxian.jpg) repeat-x center bottom;margin-bottom: 10px;}
.appx a{color: #00adf1;}
.appx p img{max-width: 100%;}
.xwsx{line-height: 32PX;color: #666666;}
.xwsx span{padding-left: 24px;display: inline-block;color: #666666;}
.xwsx a{color: #666666;}
.xws{background: url(../img/xws.jpg) no-repeat left center;}
.xwx{background: url(../img/xwx.jpg) no-repeat left center;}
.xwsx a:hover{color: #00adf1;}
.application2 .des2{padding-top: 50px;}
@media screen and (min-width:1000px) and (max-width:1219px) {
}
@media screen and (max-width:999px) {
.application2{padding-top: 30px;padding-bottom: 40px;}
}
@media screen and (max-width:500px) {
.appx{padding-bottom: 25px;}
}
/************** news1 *************/
.news1{padding-bottom: 93px;}
.news1 .synbox{background: #f3f3f3;margin-top: 79px;}
.nfl{padding-top: 58px;padding-bottom: 33px;border-bottom: 1px solid #b8b8b8;box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);text-align: center;}
.nfl li{margin:0 70px;display: inline-block;}
.nfl li a{display: block;padding-left: 17px;background: url(../img/fldian1.jpg) no-repeat left center;font-size: 18px;font-size: 1.8rem;font-weight: bold;}
.nfl li:hover a{background: url(../img/fldian2.jpg) no-repeat left center;color: #00adf1;}
.nfl li.currentfl a{background: url(../img/fldian2.jpg) no-repeat left center;color: #00adf1;}
.news1 .ms_ye{margin-top: 46px;}
.news1 .des{padding-top: 64px;}
.ms_ye a.no,.ms_ye a.no:hover{color:#333 !important; border: 1px solid #e5e5e5 !important; background: #fff !important}
@media screen and (min-width:1000px) and (max-width:1219px) {
}
@media screen and (max-width:999px) {
.news1 .synbox{margin-top: 40px;}
.nfl li{margin: 0 70px;}
}
@media screen and (max-width:767px) {
.nfl{padding-top: 20px;padding-bottom: 20px;}
.nfl li{margin: 0 40px;}
}
@media screen and (max-width:639px) {
.nfl li{margin: 0 ;width: 100%;margin-bottom: 10px;}
.nfl{text-align: left;}
.synbox{width: 98%;text-align: center;}
.synp3.synp3{display: inline-block;}
.news1 .synbox{margin-top: 20px;}
.synbox{margin-top: 20px;}
.news1 .des{padding-top: 35px;}
}
/************** news2 *************/
.news2{padding-bottom: 93px;}
.news2 h1{text-align: center;font-size:20px;font-size: 2rem;line-height: 28px;padding-top: 72px;}
.news2 .share1,.news2 .share2{display: inline-block;}
.news2 .share{text-align: center;padding-top: 22px;}
.news2 .share1{top: -24px;color: #666666;font-size: 12px;font-size: 1.2rem;padding-right: 3px;}
.xwxrl{font-size: 12px;font-size: 1.2rem;color: #666666;padding-left: 23px;background: url(../img/rili.png) no-repeat left center;padding-right: 13px;position: relative;top: -24px;}
.news2 .des{padding-top: 52px;}
@media screen and (min-width:1000px) and (max-width:1219px) {
}
@media screen and (max-width:999px) {
.news2 h1{padding-top: 30px;}
.news2{padding-bottom: 40px;}
}
@media screen and (max-width:767px) {
.news2 .des{padding-top: 30px;}
}
/************* ce *************/
.ce{position: fixed;right: 0;top: 300px;z-index: 9999;}
.ce li a{display: block;width: 53px;height: 53px;}
.ce li{margin-bottom: 1px;}
.ce1 a{background: url("../img/cei1.png") #d8d8d8 no-repeat center center;}
.ce2 a{background: url("../img/cei2.png") #d8d8d8 no-repeat center center;}
.ce3 a{background: url("../img/cei3.png") #d8d8d8 no-repeat center center;}
.ce4 a{background: url("../img/cei4.png") #d8d8d8 no-repeat center center;}
.ce1 a:hover{background: url("../img/cei1.png") #00adf1 no-repeat center center;}
.ce2 a:hover{background: url("../img/cei2.png") #00adf1 no-repeat center center;}
.ce3 a:hover{background: url("../img/cei3.png") #00adf1 no-repeat center center;}
.ce4 a:hover{background: url("../img/cei4.png") #00adf1 no-repeat center center;}
.ce3{position: relative;}
.erweima{position: absolute;right: 100%;top: -99999px;}
.ce3:hover .erweima{top: 0;}
@media screen and (max-width:639px){
    .ce{right: auto;top: auto;bottom: 0;width: 100%;}
    .ce li{float: left;width: 25%;margin: 0;}
    .ce li a{width: 100%;border-radius: 0;height: 40px;}
    .bottom{padding-bottom: 60px;}
    .ce3:hover .erweima{top: auto;bottom: 100%;right: 0;}
}
.yiji{position: absolute;left: -30px;width: 190px;background: #fff;z-index: 99999;top: -99999px;}
.yiji li{line-height: 38px;padding: 0 10px;position: relative;}
.yiji li a{display: block;border-top: 1px solid #dcdcdc;padding-left: 6px;}
.erji{position: absolute;left: 100%;top: -99999px;width: 190px;background: #fff;}
.yiji li.noborder>a{border: none;}
.yiji li:hover>a{color: #00adf1;}
.navlist>li:hover .yiji{top: 100%;}
.yiji>li:hover .erji{top: 0;}
@media screen and (max-width:999px){
.yiji{display: none;}
}
/********** about2 **********/
.a2part{padding-top: 58px;/*background: url(../img/a3bg.jpg) no-repeat center 120px;*/ background: url(../img/a3bg.jpg) no-repeat center 0px;padding-bottom: 130px;}
/*.a3zuo{width: 625px;}*/
.a3zuo{width: 600px; margin-top: 28px;}
.a3you{display: none;}
.a3you img{width: 100%;max-width: 892px;max-height: 735px;}
.a3p1{font-size: 24px;font-size: 2.4rem;color: #00adf1;line-height: 30px;margin-bottom: 39px;}
.a3p2{font-size: 18px;font-size: 1.8rem;font-weight: bold;color: #00adf1;margin-bottom: 4px;line-height: 30px;}
.a3p3{line-height: 30px;margin-bottom: 23px;}
@media screen and (min-width:1000px) and (max-width:1219px) {
/*.a3zuo{width: 535px;}*/
.a3zuo{width: 477px;}
.a3p1{margin-bottom: 15px;}
.a3p3{margin-bottom: 10px;}
.a2part{background: url(../img/a3bg.jpg) no-repeat center 70px;padding-bottom: 100px;}
}
.xtu{display: none;}
@media screen and (max-width:999px) {
.a2part{background: none;padding-bottom: 40px;padding-top: 20px;}
.xtu{display: block;
    max-width: 100%;
    margin: auto;}
.a3you{display: block;text-align: center;}
.a3zuo{width: auto;margin-bottom: 20px;}
.a3p1{margin-bottom: 15px;}
.a3p3{margin-bottom: 10px;}
}
/************** news1 *************/
.pyabout3{padding-bottom: 11px;}
.pydh{padding-top: 58px;font-size: 24px;font-size: 2.4rem;color: #00adf1;margin-bottom: 20px;}
.news1{padding-bottom: 93px;}
.pyenter{ }
.pyenter p{ font-size: 14px;font-size: 1.4rem;line-height:30px; padding-bottom:30px;text-indent: 2em;}
.pyentertu{ display:block; float:right; margin-left:21px;margin-top: 8px;}
@media screen and (min-width:1000px) and (max-width:1219px) {
.pyentertu{ width:490px;}
}
@media screen and (max-width:999px) {
.pyentertu{ width:400px;}
.pyenter p{ padding-bottom:20px;}
}
@media screen and (max-width:768px) {
.pyentertu{ float:none; display:block; margin:0  auto; margin-bottom:20px; width:100%; max-width:569px;}
}
.pybeijing{ background:url(../img/pynterprisebei.jpg) no-repeat center; padding-top:56px; padding-bottom:194px;}
.pybaise p{  color:#fff; line-height:30px; padding-bottom:30px;}
.pybaise{ padding-bottom:41px;}
.pyke{display:block; width:220px; float:left; padding-top:135px; margin-left:100px;}
.pyke p{ font-size:18px; font-size:1.8rem; color:#fff; text-align:center; }
.pyke1{  background:url(../img/pysyi1.png) no-repeat center top;}
.pyke2{  background:url(../img/pysyi2.png) no-repeat center top; }
.pyke3{  background:url(../img/pysyi3.png) no-repeat center top; }
.pyke4{  background:url(../img/pysyi4.png) no-repeat center top; }
@media screen and (min-width:1000px) and (max-width:1219px) {
.pyke{ margin-left:31px;}
}
@media screen and (max-width:999px) {
.pybeijing{ background:#081a45; padding-top:20px; padding-bottom:400px;}
.pybaise p{ padding-bottom:10px;}
.pybaise{ padding-bottom:10px;}
.pyke{ width:45%; margin-left:3% !important; margin-bottom:20px;}
}
@media screen and (max-width:546px) {
.pyke p{ font-size:14px; font-size:1.4rem;}
}
@media screen and (max-width:396px) {
.pyke{ float:none; width:90%; margin:0 auto !important; margin-bottom:20px !important;}
}
.pymzz{ color:#00adf1; font-size:24px; font-size:2.4rem; margin-top:52px;}
.pymzz2 p{ font-size:14px; font-size:1.4rem; line-height:30px; margin-top:23px; padding-bottom:7px;}
.pyaboutti{ padding-top:25px; padding-bottom:101px;}
.pyaboutti img{ display:block; float:left; margin-left:49px;}
@media screen and (min-width:1000px) and (max-width:1219px) {
.pyaboutti img{ width:450px;}
}
@media screen and (max-width:999px) {
.pyaboutti img{ width:48%; margin-left:2%;}
.pyaboutti{padding-bottom: 40px;}
}
@media screen and (max-width:538px) {
.pyaboutti img{ float:none; margin:0 auto !important; width:90%; margin-bottom:10px !important;}
.pyaboutti{ padding-bottom:30px;}
.pymzz{  font-size:18px; font-size:1.8rem; line-height:26px; }
.pydh{padding-top: 30px;}
}
.top{position: fixed;right: 20px;bottom: -100px;transition: 1s;cursor: pointer;z-index: 999999;}
.at-resp-share-element .at-icon{width: 24px!important;height: 24px!important;}
.at-style-responsive .at-share-btn{padding: 0!important; border-radius: 2px!important;}
.at-resp-share-element .at-share-btn .at-icon-wrapper{width: 24px!important;height: 24px!important;}
.at-resp-share-element .at-share-btn{margin-bottom: 0!important;margin-right: 3px!important;}
.none{background: #8a8a8a !important; color: #fff !important}
.about3 { padding-bottom: 107px; }
.about3 .title { font-size: 30px; font-size: 3rem; text-align: center; font-family: "微软雅黑"; background: url(../img/ab3.png) no-repeat center center; text-transform: uppercase; }
.about3 .img-scroll { position: relative; width: 100%; }
.about3 .img-scroll .prev, .about3 .img-scroll .next { position: absolute; display: block; width: 42px; height: 42px; top: 50%; margin-top: -30.5px; z-index: 9999; }
.about3 .img-scroll .prev { left: 0; cursor: pointer; background: url(../img/ab3_left.png) no-repeat center; }
.about3 .img-scroll .next { right: 0; cursor: pointer; background: url(../img/ab3_right.png) no-repeat center; }
.about3 .img-scroll .prev:hover { background: url(../img/ab3_lefton.png) no-repeat center; }
.about3 .img-scroll .next:hover { background: url(../img/ab3_righton.png) no-repeat center; }
.about3 .img-list { position: relative; width: 89%; overflow: hidden; margin: 0 auto; padding-left: 10px; padding-top: 10px; margin-top: 43px; }
.about3 .img-list ul { width: 1000%; }
.about3 .img-list li { float: left; width: 234px; margin-right: 40px; }
.about3 .img-list li .m3lien .m4fu { position: absolute; top: 100%; left: 0px; background: #00adf1; background: rgba(0, 173, 241, 0.6); width: 100%; height: 100%; }
.about3 .img-list li .m3lien { max-width: 234px; text-align: center; position: relative; overflow: hidden; }
.about3 .img-list li .m3lien img { max-width: 234px; max-height: 330px; width: 100%; margin: 0 auto; }
.about3 .img-list li .m4zi { display: block; margin: 0 auto; max-width: 234px; margin-top: 14px; width: 100%; font-size: 14px; font-size: 1.4rem; color: #333; line-height: 38px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.about3 .img-list li .m3lien:hover .m4fu { top: 0; }
.about3 .img-list li:hover .box_5 { box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.2); }
@media screen and (max-width: 1219px) { .about3 .img-list { width: 89%; }
  .about3 .img-list li { margin-right: 84px; }
  .about .ab_box3 img { width: 40%; } }
@media screen and (max-width: 999px) { .about3 .img-list li .m3lien .m4fu { display: none; }
  .about3 .img-list li { width: 2.4%; margin-right: .1%; }
  .about3 .img-list li:hover .box_5 { box-shadow: none; }
  .about .ab_box3 img { width: 100%; float: none; margin: 0 auto; }
  .about .ab_box3 p { margin-top: 10px; }
  .about .an_box2 { padding-bottom: 20px; }
  .about .an_box2 .title { font-size: 30px; font-size: 3rem; line-height: 30px; }
  .about .ab_box3 p { padding-right: 0px; }
  .about .ab_box3 { padding-bottom: 0px; } }
@media screen and (max-width: 768px) { .about3 { padding-bottom: 50px; }
  .about3 .img-list { width: 78%; }
  .about3 .img-scroll { padding-top: 20px; }
  .about3 .img-list li { width: 4.2%; margin-right: 1.2%; }
  .about .an_box2 .title { font-size: 24px; font-size: 2.4rem; margin-bottom: 10px; }
  .about_box1 { font-size: 14px; font-size: 1.4rem; padding-top: 5px; padding-bottom: 5px; } }
@media screen and (max-width: 400px) { .about3 .title { background: none; }
  .about3 .img-list li .m4zi { margin-top: 0px; }
  .about3 .img-list { width: 234px; margin: 0 auto; }
  .about3 .img-list li { width: 234px; margin-right: .487%; } }
#baguetteBox-overlay { display: none; opacity: 0; position: fixed; overflow: hidden; top: 0; left: 0; width: 100%; height: 100%; background-color: #222; background-color: rgba(0, 0, 0, 0.8); -webkit-transition: opacity .5s ease; transition: opacity .5s ease; z-index: 99999999999999999999999999999999999999; }
#baguetteBox-overlay.visible { opacity: 1; }
#baguetteBox-overlay .full-image { display: inline-block; position: relative; width: 100%; height: 100%; text-align: center; }
#baguetteBox-overlay .full-image figure { display: inline; margin: 0; height: 100%; }
#baguetteBox-overlay .full-image img { display: inline-block; width: auto; height: auto; max-height: 100%; max-width: 100%; vertical-align: middle; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); }
#baguetteBox-overlay .full-image figcaption { display: block; position: absolute; bottom: 0; width: 100%; text-align: center; line-height: 1.8; color: #ccc; background-color: #000; background-color: rgba(0, 0, 0, 0.6); font-family: "微软雅黑"; }
#baguetteBox-overlay .full-image:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px; }
#baguetteBox-slider { position: absolute; left: 0; top: 0; height: 100%; width: 100%; white-space: nowrap; -webkit-transition: left .4s ease,-webkit-transform .4s ease; transition: left .4s ease,-webkit-transform .4s ease; transition: left .4s ease,transform .4s ease; transition: left .4s ease,transform .4s ease,-webkit-transform .4s ease; }
#baguetteBox-slider.bounce-from-right { -webkit-animation: bounceFromRight .4s ease-out; animation: bounceFromRight .4s ease-out; }
#baguetteBox-slider.bounce-from-left { -webkit-animation: bounceFromLeft .4s ease-out; animation: bounceFromLeft .4s ease-out; }
.baguetteBox-button#next-button, .baguetteBox-button#previous-button { top: 50%; top: calc(50% - 30px); width: 44px; height: 60px; }
.baguetteBox-button { position: absolute; cursor: pointer; outline: 0; padding: 0; margin: 0; border: 0; border-radius: 15%; background-color: #323232; background-color: rgba(50, 50, 50, 0.5); color: #ddd; font: 1.6em sans-serif; -webkit-transition: background-color .4s ease; transition: background-color .4s ease; }
.baguetteBox-button:hover { background-color: rgba(50, 50, 50, 0.9); }
.baguetteBox-button#next-button { right: 2%; display: block !important; }
.baguetteBox-button#previous-button { left: 2%; display: block !important; }
.baguetteBox-button#close-button { top: 20px; right: 2%; right: calc(2% + 6px); width: 30px; height: 30px; }
.baguetteBox-button svg { position: absolute; left: 0; top: 0; }
.spinner { width: 40px; height: 40px; display: inline-block; position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-left: -20px; }
.double-bounce1, .double-bounce2 { width: 100%; height: 100%; border-radius: 50%; background-color: #fff; opacity: .6; position: absolute; top: 0; left: 0; -webkit-animation: bounce 2s infinite ease-in-out; animation: bounce 2s infinite ease-in-out; }
.double-bounce2 { -webkit-animation-delay: -1s; animation-delay: -1s; }
@-webkit-keyframes bounceFromRight { 0% { margin-left: 0; }
  50% { margin-left: -30px; }
  100% { margin-left: 0; } }
@keyframes bounceFromRight { 0% { margin-left: 0; }
  50% { margin-left: -30px; }
  100% { margin-left: 0; } }
@-webkit-keyframes bounceFromLeft { 0% { margin-left: 0; }
  50% { margin-left: 30px; }
  100% { margin-left: 0; } }
@keyframes bounceFromLeft { 0% { margin-left: 0; }
  50% { margin-left: 30px; }
  100% { margin-left: 0; } }
@-webkit-keyframes bounce { 0%, 100% { -webkit-transform: scale(0);
    transform: scale(0); }
  50% { -webkit-transform: scale(1);
    transform: scale(1); } }
@keyframes bounce { 0%, 100% { -webkit-transform: scale(0);
    transform: scale(0); }
  50% { -webkit-transform: scale(1);
    transform: scale(1); } }
.gotop { opacity: 0; position: fixed; bottom: 100px; right: 100px; width: 20px; height: 20px; background-color: red; cursor: pointer; z-index: 999; display: none; }
@media screen and (max-width: 640px) { .gotop { right: 10px; border: 10px; } }
/*********************  product11  *********************/
@media screen and (min-width:1000px){.noyou{margin-right:0!important;}}
.pbox6{width: 362px;float: left;margin-right: 57px;position: relative;margin-bottom: 31px;margin-top: 52px;}
.ptu6 img{width: 100%;max-width: 480px;max-height: 506px;display: block;}
.ptu6{border: 1px solid #e7e7e7;}
.checkbox6{position: absolute;left: 7px;top: 10px;}
.pp16{font-size:18px;font-size:1.8rem;padding-top: 15px;}
.pp16 a{display: block;line-height: 26px;}
.pp26{padding-top: 7px;}
.pp26 a{display: block;line-height: 30px;height: 60px;overflow: hidden;color: #666666;}
.pp36{width: 145px;height: 35px;line-height: 35px;text-align: center;border-radius: 5px;color: #00adf1;border: 1px solid #00adf1;margin-top: 14px;}
.pp36 a{display: block;color: #00adf1;}
@media screen and (min-width:1000px) and (max-width:1219px) {
    .pbox6{width: 320px;margin-right: 10px;}
}
@media screen and (max-width:999px) {
    .pbox6{width: 31.333%;margin: 0 1%;margin-top: 30px;}
}
@media screen and (max-width:650px) {
    .pbox6{width: 48%;margin: 0 1%;margin-top: 30px;}
    .yanzheng{margin-top: 10px;}
}
@media screen and (max-width:400px) {
    .pp36{width: 120px;}
}
.tudisplay img{display: block;width: 100%;}
.tudisplay .limg, .tudisplay .rimg{float: left;width: 49%;}
.tudisplay .limg{margin-right: 2%;}
.tudisplay p{font-size:18px;font-size:1.8rem;font-weight: bolder;text-align: center;}
@media screen and (max-width:650px){
    .tudisplay .limg, .tudisplay .rimg{float: none;width: 100%;margin-right: 0;}
    .tudisplay p{margin-top: 10px;}
}
.rightimg{float: right;margin-left: 20px;}